<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css表格样式</title>
    <style>
        table{
            table-layout: fixed;
            width: 100%;
            border-collapse:collapse;
        }

        table,th,td{
            border: 1px solid #e0e0e0;
            padding: 10px ;
        }
    </style>
</head>
<body>
    <table>
        <tr>
            <th>th</th>
            <th>th</th>
            <th>th</th>
            <th>th</th>
            <th>th</th>
            <th>th</th>
            <th>th</th>
        </tr>

        <tr>
        <td>精准控制表格列宽yyds</td>
        <td>精准控制表格列宽yyds</td>
        <td>精准控制表格列宽yyds</td>
        <td>精准控制表格列宽yyds</td>
        </tr>

        <tr>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
        </tr>

        <tr>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
        </tr>

        <tr>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
        </tr>

        <tr>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
            <td>精准控制表格列宽yyds</td>
        </tr>
        <tr>
            <td>独占一格</td>
        </tr>
    </table>
</body>
</html>